$(function () {
    init();
    function init() { 
        // 
        jqajax_getgsshop();
        jqajax_getgsshoparea()
        getgsproduct();
        btn()
    }
    // 绑定很多时间
    function btn() {
        // 导航栏切换
  
            
            
            $('.item1_btnss').on('tap',function(){
                
                if( $(".removebox").hasClass("mui-active")){

                    $('.removebox').removeClass('mui-active');
                    
                    
              }else{
                    $(".removebox").addClass("mui-active");
              }           
            })  
            $('.item2_btnss').on('tap',function(){
                
                if( $(".removebox1").hasClass("mui-active")){

                    $('.removebox1').removeClass('mui-active');
              }else{
                    $(".removebox1").addClass("mui-active");
              }           
            })
   
    }
    // 数据请求
    function jqajax_getgsshop() {
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getgsshop",
            dataType: "json",
            success: function (response) {
                $('.item1_btnss').text(response.result[0].shopName);
                let html_btn = ''         
                for (let i = 0; i < response.result.length; i++) {
                    html_btn+= `
                    <li class="mui-table-view-cell sli " data-id='${response.result[i].shopId}'>
                    <a class="mui-control-item item1_btn " href="">${response.result[i].shopName}</a>
                    </li>
                    `
                }
                $('.item1_conten').html(html_btn);                           
            }
        });
    }


    // 列表

    let a,b;
    function jqajax_getgsshoparea() {
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getgsshoparea",
            dataType: "json",
            success: function (response) {   
                $('.item2_btnss').text(response.result[0].areaName.substring(2,0));
                let html_btn = ''
                for (let i = 0; i < response.result.length; i++) {
                    html_btn+= `
                    <li class="mui-table-view-cell slis" data-idnav='${response.result[i].areaId}'>
                    <a class="mui-control-item item1_btn" href="">${response.result[i].areaName}</a>
                    </li>    `     
                }        
                $('.item2_conten').html(html_btn);       
                // 给导航栏下面的列表添加事件
                // 区域
                $('.ul_btn2').on('tap','li',function(){
                    let srt=$(this).text().substr(20,3);
                    $('.item2_btnss ').text(srt);
                    b=  $(this).attr('data-idnav'); 
                    if(a==undefined){
                        a=0;
                        console.log(a,b);
                    }
                    if(b==undefined){
                        b=0;
                        console.log(a,b);
                    }

                    getgsproduct(a,b)
                             
                });
                // 店铺
                $('.ul_btn1').on('tap','li',function(){ 
                    $('.item1_btnss ').text($(this).text())
                   a= $(this).attr('data-id');   
                   getgsproduct(a,b)

                });
            }
        });
    }

    function getgsproduct(a,b) {
        $.ajax({
            type: "get",
            data: {
                shopid:a||0,//店铺        
                areaid :b ||0 //0//区域id号
            },
            url: "http://193.112.55.79:9090/api/getgsproduct",
            dataType: "json",
            success: function (response) {  
                let html=template('tpsp',{arr:response.result});      
                $('.gsproduct_lists').html(html);
                $('#item1').removeClass('mui-active');  
                $('.removebox1').removeClass('mui-active');

            }
        });
    }
    
})